/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 */

/*
 * INDEX
 *
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */
.framework-underline {
    text-decoration: underline;
}

/** 表格的内嵌表格样式*/
.table .sub_details {
    margin: 5px 15px 16px 15px;
    border: 1px solid #ddd;
}

.table .sub_details .table {
    margin-top: 0 !important;
}

td.index-control {
    text-align: center;
}

td.check-control {
    text-align: center;
    vertical-align: middle;
}

td.details-control-padding {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

.table th {
    text-align: center;
}

.table th.check-control {
    vertical-align: top;
}

.table th.check-control .checkbox {
    margin-left: 1px;
}

/** 表格的toolbar样式*/
.dt-toolbar {
    border-bottom: none;
}

.dt-toolbar .dt-toolbar-footer {
    border: none;
}

div.ColVis {
    float: left;
}

div.ColVis button {
    margin-bottom: 7px;
}

div.dt_refresh {
    float: right;
}

.margin-left-5 {
    margin-left: 5px;
}

/**弹出框的间距*/
.dialog-well {
    padding-bottom: 0;
    margin-bottom: 0;
}

/*search from*/
.search-alert {
    border-left-width: 5px;
    color: #468847;
    border: 1px solid #868847;
}

.search-alert .search-footer {
    padding: 8px 0 0 0;
    margin: -7px;
}

/**icon select hover*/
.tagiconselect-icon-list {
    margin-top: 22px;
}

.tagiconselect-icon-list .fa-hover a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    color: #222222;
    line-height: 32px;
    height: 32px;
    padding-left: 10px;
    border-radius: 4px;
}

.tagiconselect-icon-list .fa-hover a .fa {
    width: 32px;
    font-size: 14px;
    display: inline-block;
    text-align: right;
    margin-right: 10px;
}

.tagiconselect-icon-list .fa-hover a:hover {
    background-color: #1d9d74;
    color: #ffffff;
    text-decoration: none;
}

.tagiconselect-icon-list .fa-hover a:hover .fa {
    font-size: 28px;
    vertical-align: -6px;
}

.tagiconselect-icon-list .fa-hover a:hover .text-muted {
    color: #bbe2d5;
}

/**tree table*/
table.treetable span.indenter {
    display: inline-block;
    margin: 0;
    padding: 0;
    text-align: right;

    /* Disable text selection of nodes (for better D&D UX) */
    user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -webkit-user-select: none;

    /* Force content-box box model for indenter (Bootstrap compatibility) */
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;

    width: 20px;
}

table.treetable span.indenter a {
    background: no-repeat left center;
    display: inline-block;
    text-decoration: none;
    width: 20px;
}

table.treetable tr.collapsed span.indenter a {
    background-image: url();
}

table.treetable tr.expanded span.indenter a {
    background-image: url();
}

table.treetable tr.branch {
    background-color: #f9f9f9;
}

table.treetable tr span.indenter a {
    outline: none; /* Expander shows outline after upgrading to 3.0 (#141) */
}

.treetablepadding {
    padding: 6px 7px 1px;
}

td .ipad {
    margin-right: 3px;
}

/** icon的浮出样式*/
.fontawesome-icon-list {
    margin-top: 2px
}

.fontawesome-icon-list .fa-hover a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    color: #222;
    line-height: 32px;
    height: 32px;
    padding-left: 10px;
    border-radius: 4px
}

.fontawesome-icon-list .fa-hover a .fa {
    width: 32px;
    font-size: 14px;
    display: inline-block;
    text-align: right;
    margin-right: 10px
}

.fontawesome-icon-list .fa-hover a:hover {
    background-color: #1d9d74;
    color: #fff;
    text-decoration: none
}

.fontawesome-icon-list .fa-hover a:hover .fa {
    font-size: 28px;
    vertical-align: -6px
}

.fontawesome-icon-list .fa-hover a:hover .text-muted {
    color: #bbe2d5
}

.icon-active {
    background-color: #71843f !important;
    color: #fff !important;
}

/** layer弹出框的zIndex 19891014, 设置select2 大于它*/
.select2-drop {
    z-index: 20001210;
}

/** 密码框显示问题*/
.has-feedback {
    position: relative;
}

.has-feedback .form-control-feedback {
    top: 10px;
}

.form-control-feedback {
    position: absolute;
    right: 0;
    width: 32px;
    text-align: center;
}

.login-page .form-control-feedback {
    right: 26px;
}

.password-icon {
    cursor: pointer;
    pointer-events: auto;
}

/*
 * Login Plugin DROPDOWN
 */
.plugin-toolbar {
    display: inline-block;
    width: auto;
    height: 32px;
    line-height: 32px;
    position: relative;
    /*cursor: pointer;*/
    text-align: center;
}
.plugin-toolbar > :first-child {
    text-align: center;
}
.plugin-select {
    list-style: none;
    margin: 8px 0px 0px -45px;
    padding: 4px;
    min-width: 120px;
    max-width: 120px;
    right: -3px;
}
.plugin-select li {
    display: block;
    margin: 2px;
    float: left;
}
.plugin-select li span:hover {
}
.plugin-select li span,
.plugin-box {
    display: block;
    width: 32px;
    height: 32px;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    cursor: pointer;
}
.plugin-box {
    position: relative;
    vertical-align: middle;
    outline: 1px solid rgba(0, 0, 0, 0.1);
}
.plugin-box:hover,
.open .plugin-box {
    outline: 1px solid rgba(0, 0, 0, 0.1) !important;
}
.plugin-box:hover {
    -webkit-transform: scale(1.07);
    -moz-transform: scale(1.07);
}
.plugin-box:active {
    top: 1px;
    left: 1px;
}
.plugin-toolbar > .plugin-box {
    margin-top: 7px;
    width: 18px;
    height: 18px;
    outline: 1px solid rgba(0, 0, 0, 0.2);
}
.plugin-toolbar .dropdown-menu.plugin-select {
    right: -1px;
}
.plugin-toolbar  > .plugin-box:hover,
.plugin-toolbar  > .plugin-box:active,
.plugin-toolbar  > .plugin-box:focus {
    outline: 1px solid rgba(0, 0, 0, 0.25) !important;
}

.row {
    margin-right: 0;
}